<template>
<div class="ui form marginTop10">
	<div class="content" v-html='option.data.html'>

	</div>
	<div class="center-box marginTop10">
		<button class="ui primary button" @click.prevent.stop="onsubmit">确认</button>
		<button class="ui button" @click.prevent.stop="oncancel">取消</button>
	</div>
</div>
</template>
<script>
import tool from 'src/util/tool';
import util from '_util/index';
import logic from '_logic';

import mybind from 'components/field/bind'
import tFields from 'components/tunit/tFields'

export default {
    data() {
        return {
            val: null,
        }
    },
    created(){
	},
    methods: {
		hideMypop(){
			//util.store.push(this, 'set_in_modal','in_modal',false,false,'global');
			this.$store.state.global.eventVue.$emit('hideMypop')
		},
        oncancel() {
			this.hideMypop()
		},
        onsubmit() {
			this.option.data.fn.sure(this.bindData);
			this.hideMypop()
		},
    },
	watch:{
	},
    computed: {
		field(){
			return this.option.data.field
		}
	},
    props:['option'],
    components: {
        tFields,
        mybind
    },

}
</script>
<style rel="stylesheet/less" scoped lang="less">
@import "../../common/style/mixin";
.center-box {
	text-align: center;
	width: 100%;
}
</style>
